<%--
  Created by IntelliJ IDEA.
  User: dongcheng
  Date: 2019/4/30
  Time: 21:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page import="java.util.Map" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>user</title>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- jQuery (necessary JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <link href="css/dashboard.css" rel="stylesheet">
    <link href="css/style.css" rel='stylesheet' type='text/css' />

    <!-- Custom Theme files -->
    <!--//theme-style-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Curriculum Vitae Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
    <!-- start menu -->

</head>
<body>
<%  Map<String,String> login = (Map<String, String>)session.getAttribute("Login");
    Map<String,String> login2 = (Map<String, String>)session.getAttribute("login2");
    String path=null;
    path="images/"+(String)session.getAttribute("path");
    if(path.equals("images/null")&&(login2!=null||login!=null))path="images/user.png";

%>
<div class="col-sm-3 col-md-2 sidebar">


    <div class="sidebar_top">
        <h1><%
            if(login!=null) out.println(login.get("name"));
            if(login2!=null)out.println(login2.get("username"));

        %></h1>
        <img src=<%out.println(path);%> alt="" onclick="openDialog()"/>
    </div>
    <div id="light" class="white_content">
        <form action="uploadServlet" enctype="multipart/form-data" method ="post" >
            <input class="showinput" type="file" name="file"/><br/>
            <input class="showinput" type="submit" name="upload" value="上传" />
            <input class="showinput" type="button" onclick = "closeDialog()" value="返回"/>
        </form>
    </div>
    <div class="details">
        <h3>PHONE</h3>
        <p>123456789</p>
        <h3>EMAIL</h3>
        <p>1332045221@qq.com</p>
        <address>
            <h3>ADDRESS</h3>
            <span>东莞理工学院</span>

        </address>

    </div>
    <div class="clearfix"></div>
</div>
<!---->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!---//pop-up-box---->

<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    <div class="content">
        <div class="details_header">
            <ul>
                <li><a href=" /logoutServlet"><span class="glyphicon glyphicon-stop" aria-hidden="true"></span>exit</a></li>

                <script>
                    $(document).ready(function() {
                        $('.popup-with-zoom-anim').magnificPopup({
                            type: 'inline',
                            fixedContentPos: false,
                            fixedBgPos: true,
                            overflowY: 'auto',
                            closeBtnInside: true,
                            preloader: false,
                            midClick: true,
                            removalDelay: 300,
                            mainClass: 'my-mfp-zoom-in'
                        });

                    });
                    $(function(){
                    })
                    function openDialog(){
                        document.getElementById('light').style.display='block';
                        document.getElementById('fade').style.display='block'
                    }
                    function closeDialog(){
                        document.getElementById('light').style.display='none';
                        document.getElementById('fade').style.display='none'
                    }
                </script>
            </ul>
        </div>
        <div class="company">
            <h3 class="clr1">个人信息</h3>
            <div class="company_details">
                <%

                    if(login != null)
                    {
                        out.println("学号:"+login.get("username")+"<br>");
                        out.println("姓名:"+login.get("name")+"<br>");
                        out.println("类别:"+login.get("group")+"<br>");
                        out.println("学院:"+login.get("faculty_title")+"<br>");
                        out.println("faculty:"+login.get("faculty")+"<br>");
                        out.println("wx_openid:"+login.get("wx_openid")+"<br>");
                        out.println("openid:"+login.get("openid")+"<br>");
                    }


                    if(login2 != null)
                    {
                        out.println("学号"+login2.get("id")+"<br>");
                        out.println("姓名:"+login2.get("username")+"<br>");
                        out.println("邮箱:"+login2.get("email")+"<br>");

                    }
                %>

            </div>
        </div>
        <div class="skills">
            <h3 class="clr2">绑定信息</h3>
            <div class="company_details">

                <p >手机：12345678</p>
                <p >微信：wechat</p>
                <p >qq：1332045221</p>
                <p >steam：steam</p>
            </div>
        </div>


    </div>

</div>

<!---->
</body>
</html>
